이스트캠프 HTML CSS 퀴즈 1
📘 오늘 학습한 내용
1️⃣ HTML
- HTML
📝 퀴즈
🧩 퀴즈 1
Q. 메타데이터란 무엇인가요? HTML에서 메타데이터는 어디에 작성되나요? HTML의 메타데이터에는 어떤 것들이 들어 갈 수 있나요?
📝 나의 답변:
1. 데이터의 정보를 설명하는 데이터
2. <head> 태그 내의 <meta> 태그에서 작성
3. 장치별 기본 뷰포트 설정, 봇 설정?
✅ 정답:
1. 데이터를 설명하기 위한 데이터로, body 태그에 들어갈 데이터를 설명하기 위한 데이터
2. <head> 태그 내의 <meta> 태그
3. 문서 설명 및 요약, 인코딩 방식, 문서 대표 키워드, 미리보기 이미지, 뷰포트, 검색엔진 최적화를 위한 봇 설정
🧩 퀴즈 2
Q. 시멘틱 태그에는 무엇이있나요? 시멘틱태그를 이용했을때의 장점은 무엇인가요?
📝 나의 답변:
1. header, footer, main, aside, nav, section, article, figure, summary 등이 있다.
2. 웹 페이지 구조에서 태그의 이름만 보고 태그 내의 정보를 쉽게 알아볼 수 있으며, 문서를 구조화하기 편리하다.
✅ 정답:
1. header, footer, main, aside, nav, section, article, figure, summary
2. 코드 가독성 증가, 검색 엔진 최적화, 접근성 향상
🧩 퀴즈 3
Q. ul태그와 ol태그 각각을 설명하기에 적절한 예시코드를 작성해보세요.
📝 나의 답변:
<div>
<ul>
<span style="font-size: 20px;">저녁 메뉴 추천</span>
<li>라면</li>
<li>피자</li>
<li>김치찌개</li>
<li>삼겹살</li>
</ul>
<ol>
<span style="font-size: 20px;">목차</span>
<li>서론</li>
<li>본론</li>
<li>결론</li>
</ol>
</div>